<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta charset='utf-8'>
        <link rel='stylesheet' type='text/css' href='css/c1.css'>
        <style type='text/css'>
            *{
                white-space: nowrap;
            }

        </style>

        <script>

        </script>
    </head>
    <body>
        <div class = 'title'>1.html</div>
            <div>
                <ol style='margin-top:0'>
                    <li><a href ='html/instructions.html' target='center'>html简介</a></li>
                    <li><a href ='html/fraset.html' target='center'>frameset</a></li>
                    <li><a href ='html/frame.html' target='center'> frame</a></li>
                    <li><a href ='html/hr.html' target='center'>hr</a></li>
                    <li><a href ='html/br.html' target='center'>br</a></li>
                    <li><a href ='html/pre.html' target='center'>pre</a></li>
                    <li><a href ='html/img.html' target='center'>img</a></li>
                    <li><a href ='html/iframe.html' target='center'>iframe</a></li>
                    <li><a href ='html/a.html' target='center'>a</a></li>
                    <li><a href ='html/zhushi.html' target='center'> 注释</a></li>
                    <li><a href ='html/h.html' target='center'>h1-h6</a></li>
                    <li><a href ='html/p.html' target='center'>p</a></li>
                    <li><a href ='html/span.html' target='center'>span</a></li>
                    <li><a href ='html/table.html' target='center'>table</a></li>
                    <li><a href ='html/form.html' target='center'>form</a></li>
                    <li><a href ='html/label.html' target='center'>label</a></li>
                    <li><a href ='html/ulol.html' target='center'>ul</a></li>
                    <li><a href ='html/div.html' target='center'>div</a></li>
                    <li><a href ='html/b.html' target='center'>样式标签</a></li>
                </ol>
            </div>
        <div  class = 'title'>2.css样式表</div>
        <div>
            <ol style='margin-top:0'>
                <li><a href='html/css.html' target='center'>css简介</a></li>
                <li><a href=html/c1.html target='center'>全局选择器</a></li>
                <li><a href='html/c2.html' target='center'>标签选择器</a></li>
                <li><a href='html/c3.html' target='center'>类选择器</a></li>
                <li><a href='html/c4.html' target='center'>ID选择器</a></li>
                <li><a href='html/c5.html' target='center'>分组选择器</a></li>
                <li><a href='html/c6.html' target='center'>后代选择器</a></li>
                <li><a href='html/c7.html' target='center'>子代选择器</a></li>
                <li><a href='html/c11.html' target='center'>伪类样式</a></li>
                <li><a href='html/c8.html' target='center'>基本样式</a></li>
                <li><a href='html/c9.html' target='center'>背景</a></li>
                <li><a href='html/c10.html' target='center'>盒子模型</a></li>
                <li><a href='html/position.html' target='center'>定位</a></li>
            </ol>
        </div>
        <div class = 'title'>3.script脚本</div>
        <div class="title1">
            <ol style='margin-top:0'>
                <li>
                    <a href='html/javacon.html' target='center'>javascript</a>
                </li>
                <li>
                    <a href='html/var.html' target='center'>声明变量</a>
                </li>
                <li>
                    <a href='html/type.html' target='center'>声明方法</a>
                </li>
                <li>
                    <a href='html/json.html' target='center'>声明对象（json）</a>
                </li>
                <li>
                    <a href='html/else.html' target='center'>逻辑语法</a>
                </li>
                <li>
                    <a href='html/duixiang.html' target='center'>内置对象</a>
                </li>
                <li>
                    <a href='html/event.html' target='center'>事件</a>
                </li>
            </ol>
        </div>
        <div  class = 'title'>4.jQuery</div>
        <div>
            <ol style='margin-top:0'>
                <li>
                    <a>选择器</a>
                    <ol>
                    <li><a href="html/jQuery/id.html" target="center">#id</a></li>
                    <li><a href="html/jQuery/element.html" target="center">element</a></li>
                    <li><a href="html/jQuery/.class.html" target="center">.class</a></li>
                    <li><a href="html/jQuery/parent_child.html" target="center">parent>child</a></li>
                    <li><a href="html/jQuery/even.html" target="center">:even</a></li>
                    <li><a href="html/jQuery/odd.html" target="center">:odd</a></li>
                    <li><a href="html/jQuery/_first.html" target="center">:first</a></li>
                    <li><a href="html/jQuery/_last.html" target="center">:last</a></li>
                    <li><a href="html/jQuery/_eq.html" target="center">:eq</a></li>
                    <li><a href="html/jQuery/_gt.html" target="center">:gt</a></li>
                    <li><a href="html/jQuery/_lt.html" target="center">:lt</a></li>
                    <li><a href="html/jQuery/attribute.html" target="center">[attribute]</a></li>
                    <li><a href="html/jQuery/attribute_value.html" target="center">[attribute=value]</a></li>
                    <li><a href="html/jQuery/attribute_value!.html" target="center">[attribute!=value]</a></li>
                    <li><a href="html/jQuery/attribute_value^.html" target="center">[attribute^=value]</a></li>
                    <li><a href="html/jQuery/attribute_value$.html" target="center">[attribute$=value]</a></li>
                    <li><a href="html/jQuery/attribute_value_.html" target="center">[attribute*=value]</a></li>
                    <li><a href="html/jQuery/text.html" target="center">:text</a></li>
                    <li><a href="html/jQuery/radio.html" target="center">:radio</a></li>
                    <li><a href="html/jQuery/checkbox.html" target="center">:checkbox</a></li>
                    <li><a href="html/jQuery/disable.html" target="center">:disable</a></li>
                    <li><a href="html/jQuery/checked.html" target="center">:checked</a></li>
                    <li><a href="html/jQuery/selected.html" target="center">:selected</a></li>
                </ol>
                </li>
                <li>
                    <a >筛选</a>
                    <ol>
                        <li><a href="html/jQuery/eq.html" target="center">eq</a></li>
                        <li><a href="html/jQuery/first.html" target="center">first</a></li>
                        <li><a href= "html/jQuery/last.html" target="center">last</a></li>
                        <li><a href="html/jQuery/hasClass.html" target="center">hasClass</a></li>
                        <li><a href="html/jQuery/next.html" target="center">next</a></li>
                        <li><a href="html/jQuery/prev.html" target="center">prev</a></li>
                        <li><a href="html/jQuery/parent.html" target="center">parent</a></li>
                        <li><a href="html/jQuery/children.html" target="center">children</a></li>
                        <li><a href="html/jQuery/siblings.html" target="center">siblings</a></li>
                        <li><a href="html/jQuery/contents.html" target="center">contents</a></li>
                    </ol>
                </li>
                <li>
                    <a >属性</a>
                    <ol>
                        <li><a href="#">attr</a></li>
                        <li><a href="#">prop</a></li>
                        <li><a href="#">class</a></li>
                        <li><a href="#">html</a></li>
                        <li><a href="#">text</a></li>
                        <li><a href="#">val</a></li>
                    </ol>
                </li>
                <li>
                    <a >文档处理</a>
                    <ol>
                        <li><a href="#">append</a></li>
                        <li><a href="#">appendTo</a></li>
                        <li><a href="#">prepend</a></li>
                        <li><a href="#">prependTo</a></li>
                        <li><a href="#">after</a></li>
                        <li><a href="#">before</a></li>
                        <li><a href="#">insertAfter</a></li>
                        <li><a href="#">insertBefore</a></li>
                        <li><a href="#">wrap</a></li>
                        <li><a href="#">wrapAll</a></li>
                        <li><a href="#">wrapInner</a></li>
                        <li><a href="#">empty</a></li>
                        <li><a href="#">remove</a></li>
                        <li><a href="#">clone</a></li>
                    </ol>
                </li>
                <li>
                    <a >css</a>
                    <ol>
                        <li><a href="#">css</a></li>
                        <li><a href="#">width</a></li>
                        <li><a href="#">height</a></li>
                        <li><a href="#">offset</a></li>
                        <li><a href="#">scrollTop</a></li>
                        <li><a href="#">scrollLeft</a></li>
                    </ol>
                </li>
                <li>
                    <a >事件</a>
                    <ol>
                        <li><a href="#">ready</a></li>
                        <li><a href="#">blur</a></li>
                        <li><a href="#">change</a></li>
                        <li><a href="#">click</a></li>
                        <li><a href="#">dblclick</a></li>
                        <li><a href="#">error</a></li>
                        <li><a href="#">focus</a></li>
                        <li><a href="#">keydown</a></li>
                        <li><a href="#">keypress</a></li>
                        <li><a href="#">keyup</a></li>
                        <li><a href="#">mousedown</a></li>
                        <li><a href="#">mouseenter</a></li>
                        <li><a href="#">mouseleave</a></li>
                        <li><a href="#">mousemove</a></li>
                        <li><a href="#">mouseout</a></li>
                        <li><a href="#">mouseup</a></li>
                        <li><a href="#">resize</a></li>
                        <li><a href="#">scroll</a></li>
                        <li><a href="#">load</a></li>
                    </ol>
                </li>
            </ol>
        </div>
        <div  class = 'title'>4.作业</div>
            <div>
                <ol style='margin-top:0'>
                    <li><a href = 'work/form.html'  target='center'>表单和表格</a></li>
                    <li> <a href = 'work/table.html'  target='center'>表格</a></li>
                    <li> <a href = 'work/ul.html'  target='center'>列表标签</a></li>
                    <li> <a href = 'work/baidu.html'  target='_blank'>百度</a></li>
                    <li> <a href = 'work/table1.html'  target='center'>ta</a></li>
                    <li> <a href = 'work/shewai.html'  target='_blank'>涉外</a></li>
                </ol>
            </div>
        <div  class = 'title'>5.js作业</div>
            <div>
                <ol style='margin-top:0'>
            <li> <a href = 'work/script.html'  target='_blank'>图形打印</a></li>
            <li> <a href = 'work/frame.html'  target='center'>js的表单作业</a></li>
            <li> <a href = 'work/select.html'  target='center'>好友黑名单</a></li>
            <li> <a href = 'work/data.html'  target='center'>广告漂浮</a></li>
            <li> <a href = 'work/java.html'  target='center'>页签</a></li>
            <li> <a href = 'work/table3.html'  target='center'>表格</a></li>
            <li> <a href = 'work/category.html'  target='center'>表格的升级版</a></li>
            <li> <a href = 'work/marquee.html'  target='center'>图片轮播</a></li>
            <li> <a href = 'work/form1.html'  target='center'>表单的提交验证</a></li>
            <li> <a href = 'work/change.html'  target='center'>省市/市县/区域</a></li>
            <li> <a href = 'work/move.html'  target='center'>图片移动</a></li>
            <li> <a href = 'work/time.html'  target='center'>时间</a></li>
            <li> <a href = 'html/cookie1.html'  target='center'>cookie操作</a></li>
        </ol>
            </div>
        <div  class = 'title'>6.项目</div>
            <div>
                <ol style='margin-top:0'>
                <li> <a href = 'items/mallproject.html'  target='_blank'>商城项目</a></li>
                </ol>
            </div>
        <div  class = 'title'>7.考试</div>
        <div>
            <ol style='margin-top:0'>
                <li> <a href = 'html/exam.html'  target='center'>第一题</a></li>
                <li> <a href = 'html/exam1.html'  target='center'>第二题</a></li>
                <li> <a href = 'html/exam2.html'  target='center'>第三题</a></li>
            </ol>
        </div>
    </body>
</html>